<template>
	<svg
		xmlns="http://www.w3.org/2000/svg"
		xmlns:xlink="http://www.w3.org/1999/xlink"
		:width="size"
		:height="size"
		viewBox="0 0 24 24"
		fill="none">
		<path
			d="M9 3L3 3L3 9L9 9L9 3Z"
			:stroke="fill"
			stroke-width="1.5"
			stroke-linejoin="round"></path>
		<path
			d="M9 15L3 15L3 21L9 21L9 15Z"
			:stroke="fill"
			stroke-width="1.5"
			stroke-linejoin="round"></path>
		<path
			d="M21 3L15 3L15 9L21 9L21 3Z"
			:stroke="fill"
			stroke-width="1.5"
			stroke-linejoin="round"></path>
		<path :stroke="fill" stroke-width="1.5" stroke-linecap="round" d="M12 3L12 9"></path>
		<path :stroke="fill" stroke-width="1.5" stroke-linecap="round" d="M21 12L3 12"></path>
		<path
			:stroke="fill"
			stroke-width="1.5"
			stroke-linecap="round"
			d="M17 15L17 21"></path>
		<path
			:stroke="fill"
			stroke-width="1.5"
			stroke-linecap="round"
			d="M21 15L21 21"></path>
		<path
			:stroke="fill"
			stroke-width="1.5"
			stroke-linecap="round"
			d="M13 15L13 21"></path>
	</svg>
</template>

<script>
import { defineComponent } from 'vue';

export default defineComponent({
	name: 'QrCodeSvg',
	props: {
		fill: {
			type: String,
			default: '#000',
		},
		size: {
			type: Number,
			default: 24,
		},
	},
});
</script>
